
<template>
  <div class="wrapper-contion">
    <div class="wrapper"></div>
    <div class="wrapper-white">
      <div class="top-Title">系统概述</div>
      <span class="top-sub"
        >ERP（企业资源计划），是面向制造行业将企业物资资源、信息资源、资金资源进行有效整合，实现物流、信息流和资金流“三流和一”的信息管理系统。</span
      >
      <div class="top-image">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/6f5ac67ae0063afcbc0d5d27e5e45ad6.png"
        />
      </div>
      <div class="wrapper-Title">生产业务一体化</div>
      <div scroll-x="true" style="width: 100%; overflow-x: auto">
        <div class="scroll-view-item">
          <div class="wrapper-white-view">
            <div v-for="(item, index) in wrapperArr" :key="index" 
            class="wow fadeInRight" data-wow-duration="0.4s" :data-wow-delay="index/3+'s'">
              <div class="wrapper-backView">
                <div class="wrapper-white-url" :style="{ background: 'url(' + item.url + ')'}">
                  <div class="wrapper-white-txt">{{ item.txt }}</div>
                </div>
                <div class="wrapper-white-sub">{{ item.sub }}</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="sys-white">
      <div class="top-Title">数智纺ERP</div>
      <span class="top-sub sys-sub"
        >数智纺ERP系统，将纺织企业实际管理需求与先进信息技术完美结合，通过流程再造（BPR），优化纺织企业生产过程，打破各部门、各区域、各系统之间沟通和协作的壁垒，建立规范、灵捷、高效的业务流程，实现客户、项目、车间生产、库存、采购、人资、财务、办公等所有环节全程无缝管理更快推进业务发展，全面提升核心竞争力。</span
      >
      <div class="sys-top-item">
        <van-image
          width="100%"
          height="100%"
         
          src="https://oss.cloudcpc.com/2ff6c2d811c73deabb4fbd5317dba48e.png"
        />
      </div>
      <span class="top-sub sys-sub"
        >数智纺纺织ERP系统吸收了先进的管理模式和管理思想，结合纺纱、织造、印染、化纤、无纺布等纺织行业生产和经营的特点进行开发研制而成。系统覆盖了纺织企业整个管理层面，整个系统包括销售管理、工艺技术管理(配棉/毛工艺、车间工艺、机台工艺、印染工艺等)、生产计划管理、车间现场管理、质量管理、采购管理、库存管理(原棉、成品、机物料)、应收管理、应付管理、成本核算等主要功能模组。</span
      >
      <div class="sys-down-item">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/d4da48219a4b35e2a9bb3cbe810c52ae.png"
        />
      </div>
    </div>
    <div class="basic-white">
      <div class="top-Title">重点解决</div>
      <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" v-for="(item, index) in basicArr" :key="index">
          <div class="basic-Top-swiper-item" >
            <div v-for="(child, indexs) in basicArr[index]" :key="indexs">
              <div v-if="indexs==0">
                <div class="wrapper-Top-white">
                  <div class="wrapper-Top-white-url">
                    <van-image width="100%" height="100%" fit="cover" :src="child.url" />
                  </div>
                  <div class="wrapper-Top-right">
                    <div class="wrapper-Top-white-txt">{{ child.txt }}</div>
                    <div class="wrapper-Top-white-sub">{{ child.sub }}</div>
                  </div>
                </div>
              </div>
              <div v-else>
                <div class="wrapper-Top-white wrapper-Top-white-two">
                  <div class="wrapper-Top-right">
                    <div class="wrapper-Top-white-txt">{{ child.txt }}</div>
                    <div class="wrapper-Top-white-sub">{{ child.sub }}</div>
                  </div>
                  <div class="wrapper-Top-white-url">
                    <van-image width="100%" height="100%" fit="cover" :src="child.url" />
                  </div>
                </div>
              </div>
            </div>
            </div>
          </div>
          </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
      </div>
      <!-- <swiper
        class="basic-swiper round-dot"
        indicator-dots="true"
        interval="5000"
        duration="500"
        indicator-color="rgba(62, 104, 255, 0.4)"
        indicator-active-color="#3E68FF"
      >
        <swiper-item >
         
        </swiper-item>
      </swiper> -->
    </div>
    <div class="value-white">
      <div class="top-Title">实现目标</div>
      <span class="top-sub value-sub"
        >ERP系统的价值在于：企业在实施ERP系统时，同时也将ERP系统先进的管理理念、管理方式、管理手段融入企业的管理当中，推进企业更深层次的内涵变革，实现企业生产要素得到优化，使企业组织结构、核心要素得到合理配置和优化，各部门精细化流通，提高了企业经济效益。</span
      >
      <div class="value-Top-url">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/2917dd32560c30c1bf8147cf2d6c50d0.png"
        />
      </div>
      <div class="value-down-url">
        <van-image
          width="100%"
          height="100%"
          fit="cover"
          src="https://oss.cloudcpc.com/79e449d3baaf310a84639f0d010ff840.png"
        />
      </div>
    </div>
  </div>
</template>

<script>
import { WxShare } from '@/utils/share'
import { redirectUrl } from '@/utils/config'
import Swiper from 'swiper'
import { WOW } from 'wowjs'
export default {
  data() {
    return {
      wrapperArr: [
        {
          url: 'https://oss.cloudcpc.com/35e39f1413a83dec99583b7abc9cc976.png',
          txt: '业务一键生成',
          sub: '客户一键生成项目、合同项目、合同一键生成生产计划生产订单一键生成预购、采购、调拨、入库,减少重复录入、繁琐操作、出错几率'
        },
        {
          url: 'https://oss.cloudcpc.com/70de03369eb73a01bcc98fb61304e1b9.png',
          txt: '流程无缝衔接',
          sub: '从客户、项目、报价、销售、合同、产品到生产、采购、库存、售后、维修、财务,全程一体化管理,数据实时同步解决信息滞后,反应迟钝问题'
        },
        {
          url: 'https://oss.cloudcpc.com/412f96f1ccb2353fa1051a477cc2bd77.png',
          txt: '流程灵活简捷',
          sub: '自定义字段、名称、编号、分类...自定义界面、导航、视图、模板,自定义业务流程、审批流程、工作流程...满足个性、特殊生产流程需求'
        }
      ],
      basicArr: [
        [
          {
            url: 'https://oss.cloudcpc.com/0abdaf28fbd2389cb13bb2b926755149.png',
            txt: '建立一套完整的编码体系',
            sub: '通过建立完整的编码体系，让编码贯通于整个业务流程，打通信息在各部门流转的脉络，关键编码将结合条码技术，通过扫描，加快数据流转速度和减少出错机率。'
          },
          {
            url: 'https://oss.cloudcpc.com/edcb794539a23bf8b65e157fba091959.png',
            txt: '实现订单全程跟踪',
            sub: '统一系统集成，数据一次输入，全程分享，包括：下单、审批、报交期、配棉、车间计划、工序生产和产量、质量测试、称重装箱、入库、计划组货、出货等。通过建立企业门户EIP，提供和客户进行及时交流的电子平台。'
          }
        ],
        [
          {
            url: 'https://oss.cloudcpc.com/39cfb0cdfe7a340299544ea9d39644e8.png',
            txt: '提升生产现场工作效率',
            sub: '采用Pad、移动手持进行数据采集、现场盘点，减少员工的工作量，提升工作效率。采用ERP和单锭监控系统、机联网系统的无缝衔接，同时采用现场电子看板，减少人工成本，提升生产效率。'
          },
          {
            url: 'https://oss.cloudcpc.com/8834cd49c8b23aa0a4929a714201fa44.png',
            txt: '建立工艺标准化体系',
            sub: '如配棉工艺、机型工艺、染色工艺等是企业的宝贵财富，建立工艺的标准化体系，固化到ERP系统中，不会因关键员工的流失给企业带来巨大的损失。 也可以清晰明了地追踪工艺变化。'
          }
        ],
        [
          {
            url: 'https://oss.cloudcpc.com/8def9940d82e310a87155f6daee024f2.png',
            txt: '提升仓储物流管理水平',
            sub: '采用Pad、平板电脑或手持终端的移动办公模式，结合架位进行仓储的入库、库存和出库，提高现场仓储人员的办公效率，较少甚至杜绝错误的发生。'
          },
          {
            url: 'https://oss.cloudcpc.com/156a839561473d148b3f3555f974f45a.png',
            txt: '建立成本核算体系',
            sub: '根据以往的经验，总结出品种在不同成品量、不同工序的损耗百分比，建立起完整的品种损耗体系；再结合当前和以后的生产结果，通过各工序产成品的计算，以及通过ERP提供各种数据统计和分析，帮助技术人员建立和不断完善损耗计算体系。'
          }
        ],
        [
          {
            url: 'https://oss.cloudcpc.com/272e9b93a7323fa7ac96d60650e7a130.png',
            txt: '依托大数据提供科学决策依据',
            sub: 'ERP 除了满足企业日常的工作和生产管理外，最重要的是要根据历史数据进行数据分析，为管理层提供决策的依据。'
          }
        ]
      ]
    }
  },
  mounted() {
    this.$nextTick(() => {
      let wow = new WOW({
        boxClass: 'wow', /// 动画元件css类（默认为wow）
        animateClass: 'animated', // 动画css类（默认为animated）
        offset: 0, // 到元素距离触发动画（当默认为0）
        mobile: true, // 在移动设备上触发动画（默认为true）
        live: true // 对异步加载的内容进行操作（默认为true）
      })
      // wow.start()
      wow.init()
    })
  this.$nextTick(()=>{
    var swiper = new Swiper('.swiper-container', {
      pagination: {
        el: '.swiper-pagination'
      }
    })   
    })
  },

  methods: {}
}
</script>
<style lang="scss" scoped>
@import './index';
</style>

